<template>
  <div class="documenPage" v-html="docHtml"></div>
</template>

<script>
export default {
  data() {
    return {
      docHtml: null
    };
  },
  mounted() {
    this.getMD();
  },
  methods: {
    getMD() {
      this.docHtml = require('./mock.md').default;
    }
  }
};
</script>

<style lang="less" scoped>
.documenPage {
  margin: 0 100px;
  text-align: left;

  :deep(pre) {
    code {
      font-size: 16px;
    }
  }
}
</style>
